<template>
    <view class="hot-broadcast">
        <view class="df-cen-rl margin-bottom">
            <view class="recommend-title">好货热播</view>
            <view class="recommend-right" @click="jumpFn">
                更多
                <text class="lg cuIcon-right"></text>
            </view>
        </view>

        <scroll-view scroll-x="true">
            <view class="list_scroll">
                <view v-for="(item, inx) in listArr" :key="inx" @click="itemBtn(item)">
                    <live-list :item='item' />
                </view>

            </view>

        </scroll-view>
    </view>
</template>

<script>
import LiveList from '@/common/components/LiveList/LiveList.vue'
export default {
	data() {
		return {

		}
	},
	components: {
		LiveList
	},
	props: {
		showyg: {
			type: Boolean,
			default: true
		},
		listArr: {
			type: Array,
			default: () => {
				return []
			}
		},
		listArrTwo: {
			type: Array,
			default: () => {
				return []
			}
		},
		headerType: {
			type: Boolean,
			default: true
		}
	},
	mounted() {

	},
	methods: {
		jumpFn() {
			this.$util.redirectTo('/livePages/live/hotlive')
			return
			if (this.type == 0) {
				this.$util.redirectTo('/livePages/live/hotlive')

			} else {
				this.$util.redirectTo('/livePages/live/live-preview-list')
			}
		},
		itemBtn(val) {
			// is_notice 预告
			if (val.is_notice == 1) {
				this.$util.redirectTo('/livePages/live/live-preview-details', {
					live_id: val.id
				})
				return
			}
			this.$emit('liveCall', val)

		}
	}
}
</script>

<style lang="scss">
.hot-broadcast {
    .recommend-title {
        font-size: 36rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #222222;
    }

    .recommend-right {
        font-size: 22rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #999;
    }

    .list_scroll {
        display: flex;
        flex-direction: row;
    }
}
</style>
